<template>
	<view class="w100p " style="background: linear-gradient(90deg,#4e79e2 , #6d7fe2 );min-height: 200px;height: 200px;">
		<view class="h100p flex column-center valign-center" style="width: 60%;"> <text
				style="color: white;font-size: 48px;font-weight: 700;margin-right: 20px;"> {{classTitle}}</text> <text
				style="font-size: 48px;color:rgba(255,255,255,0.8);">{{enClassTitle}}</text></view>
		<img :src="'@/../static/img/book.svg'" style="position: absolute; width: 20%;right: 10%;" />
	</view>
</template>

<script>
	export default {
		name:"top-banner",
		data() {
			return {
				
			};
		},
		props:{
			classTitle:{
				type:String,
				default:''
			},
			enClassTitle:{
				type:String,
				default:''
			}
		}
	}
</script>

<style>

</style>